<!--
 * @Author: master
 * @Date: 2021-11-10 14:53:12
 * @LastEditTime: 2022-04-12 12:45:02
 * @Description: 事件详情
-->
<template>
  <div class="event-details">
    <NavBar title="事件详情" left-text="返回" left-arrow @click-left="onClickLeft" />
    <div class="content">
      <div class="card-til">
        <span>处置中</span>
        <span>事发时间：2022-03-20</span>
        <span>未反馈</span>
      </div>
      <div class="content-info">
        中国地震台网正式测定，在某区域（北纬30.74度，东经104.46度）发生5.1级地震，震源深度21千米。
      </div>
      <div class="info-filed">
        <p>事发地址：</p>
        <p>
          事件类型：
          <Icon name="question-o" />
        </p>
        <p>报警人员：</p>
        <p>
          报警电话：
          <Icon name="phone-o" />
          <Icon name="chat-o" />
        </p>
        <div class="submit">
          <Button round type="primary">处置反馈</Button>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { Button, NavBar, Icon } from 'vant';
import { useRouter } from 'vue-router';
const router = useRouter();
const onClickLeft = () => {
  router.go(-1);
};
</script>
<style lang="less" scoped>
@import './index.less';
</style>
